<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>后端原型 - API密钥管理</title>
  <link rel="stylesheet" href="../assets/wireframe.css" />
</head>
<body>
  <div class="wf-sidebar-layout">
    <aside class="wf-sidebar">
      <div class="wf-title" style="margin-bottom:8px">火星情报局</div>
      <a href="./dashboard.html">仪表盘</a>
      <a href="./ai-roles.html">AI角色管理</a>
      <a class="active" href="./api-keys.html">API密钥管理</a>
      <a href="./api-config.html">API密钥配置</a>
      <a href="./users.html">用户管理</a>
      <a href="./shared-images.html">社区图片管理</a>
      <a href="./files.html">文件管理</a>
      <a href="./system-monitor.html">系统监控</a>
    </aside>
    <main>
      <header class="wf-topbar">
        <div class="wf-title">API密钥管理</div>
        <div class="wf-top-actions">
          <button class="wf-btn">新建密钥</button>
          <button class="wf-btn">保存</button>
        </div>
      </header>
      <div class="wf-container">
        <table class="wf-table">
          <thead><tr><th>选择</th><th>提供商</th><th>密钥描述</th><th>状态</th><th>更新时间</th></tr></thead>
          <tbody>
            <tr><td><input type="checkbox"/></td><td>DeepSeek</td><td>主用</td><td>启用</td><td>2025-10-20</td></tr>
            <tr><td><input type="checkbox"/></td><td>火山引擎</td><td>文生图</td><td>启用</td><td>2025-10-20</td></tr>
          </tbody>
        </table>
      </div>
    </main>
  </div>
  <script src="../assets/wireframe.js"></script>
</body>
</html>


